<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('经费批次列表')" />
</head>
<body class="gray-bg">
<div class="container-div">
    <div class="row" id="jingfeipiciqueren">

        <!--登录信息-->
        <input name="userid" th:value="${session.userid}" type="hidden" id="userid">
        <input name="username" th:value="${session.username}" type="hidden" id="username">
        <input name="deptid" th:value="${session.deptid}" type="hidden" id="deptid">

        <div class="col-sm-12 search-collapse">
            <form id="formId">
                <div class="select-list">
                    <ul>
                        <li>
                            <label style="width:100px;">经费批次名称：</label>
                            <input type="text" name="picimingcheng" v-model="picimingcheng"/>
                        </li>
                        <li>
                            <a class="btn btn-primary btn-rounded btn-sm" @click="bindJingfeiPiciList"><i class="fa fa-search"></i>&nbsp;搜索</a>
                            <a class="btn btn-warning btn-rounded btn-sm" @click="Reset"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                        </li>
                    </ul>
                </div>
            </form>
        </div>

        <div class="col-sm-12 select-table table-striped">
            <table class="bootstrap-table table-hover table-striped table" style="text-align: center;">
                <thead>
                <tr style="font-weight: bold;">
                    <td>序号</td>
                    <td>经费批次名称</td>
                    <td>发放人数</td>
                    <td>全额人数</td>
                    <td>停发人数</td>
                    <td>实发金额</td>
                    <td>上级单位发放状态</td>
                    <td>上级单位发放时间</td>
                    <td>收款状态</td>
                    <!--<td>发放状态</td>-->
                    <td>操作</td>
                </tr>
                <thead>
                <tbody>
                <tr v-for="(jingfeipiciitem,index) in jingfeipicilist"  v-if="jingfeipicilist.length > 0">
                    <td style="vertical-align: middle; text-align: center;" v-text="index+1"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.jingfeipicimingcheng"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.fafangrenshu"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.quanerenshu"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.tingfarenshu"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.fafangjine"></td>
                    <td style="vertical-align: middle; text-align: center;" :class="jingfeipiciitem.isfafang==true?'green':'red'"  v-text="jingfeipiciitem.isfafang==true?'已发放':'未发放'"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.shangjidanweifafangshijian"></td>
                    <td style="vertical-align: middle; text-align: center;" :class="jingfeipiciitem.isshoudao?'green':'red'"  v-text="jingfeipiciitem.isshoudao?'已收款':'未收款'"></td>
                    <!--<td style="vertical-align: middle; text-align: center;" :class="jingfeipiciitem.isfafang?'green':'red'"  v-text="jingfeipiciitem.isfafang?'已发放':'未发放'"></td>-->
                    <td style="vertical-align: middle; text-align: center;" v-text="">
                        <button v-if="jingfeipiciitem.isshoudao==false&&jingfeipiciitem.isfafang==true" class="btn btn-md btn-success" @click="QuerenShoukuan(jingfeipiciitem)">确认收款</button>
<!--                        <button v-if="jingfeipiciitem.isjisuan==false&&jingfeipiciitem.isshoudao==true&&jingfeipiciitem.isfafang==false&&jingfeipiciitem.shangjidanweifafangzhuangtai=='1'"  class="btn btn-md btn-warning" @click="toJisuan(jingfeipiciitem)">计算津贴</button>
                        <button v-if="jingfeipiciitem.isjisuan==true&&jingfeipiciitem.isshoudao==true&&jingfeipiciitem.isfafang==false&&jingfeipiciitem.shangjidanweifafangzhuangtai=='1'" class="btn btn-md btn-success" @click="FafangJingfei(jingfeipiciitem)">发放</button>-->
                        <!--<button class="btn btn-md btn-primary" @click="toJingfeiPiciDetail(jingfeipiciitem)">收款</button>-->
                    </td>
                </tr>
                <tr v-if="jingfeipicilist.length == 0">
                    <td style="text-align: center; vertical-align: middle" colspan="12">查无数据</td>
                </tr>
                </tbody>
            </table>


        </div>
    </div>

</div>
<style>
    .red{
        color: red;
    }
    .green{
        color: green;
    }
</style>
<th:block th:include="include :: footer" />
<th:block th:include="include :: datetimepicker-js" />
<script th:src="@{/js/system/jingfeipici/jingfeipici_queren.js?v=1.0}"></script>

</body>
</html>